<!DOCTYPE html>
<html>
<head>
    <title>会议室表</title>
    <#include "/header.html">
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <label>会议中心：</label>
        <div id="addgroup" class="btn-group">
            <div class="btn-group">
                <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" id="">
                    <span class="buttonText"><span id="dropdownMenu2"></span></span>
                    <span class="caret"></span>
                </button>
                <ul id="ul" class="dropdown-menu" role="menu">

                </ul>
            </div>
        </div>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    <div v-show="!showList" class="panel panel-default">
        <div class="panel-heading">{{title}}</div>
        <form class="form-horizontal">
            <div class="form-group" style="display: none">
                <div class="col-sm-2 control-label">会议中心Id</div>
                <div class="col-sm-10">
                    <input id="conventionCenterId" type="text" class="form-control"
                           v-model="tcMeetingRoom.conventionCenterId"/>
                </div>
            </div>


            <div class="form-group" style="display: none">
                <div class="col-sm-2 control-label">会议中心名称</div>
                <div class="col-sm-10">
                    <input id="conventionCenterName" type="text" class="form-control"
                           v-model="tcMeetingRoom.conventionCenterName" placeholder="会议中心名称"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">会议室名称</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="tcMeetingRoom.name" placeholder="会议室名称"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">会议中心位置</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="tcMeetingRoom.position" placeholder="会议中心位置"/>
                </div>
            </div>

            <div class="form-group">
                <div class="col-sm-2 control-label">会议室容量（人数）</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="tcMeetingRoom.capacity" placeholder="会议室容量（人数）"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label">会议室描述</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="tcMeetingRoom.meetingRoomMemo"
                           placeholder="会议室描述"/>
                </div>
            </div>

            <div class="form-group">
                <div class="col-sm-2 control-label">会议室状态</div>
                <label class="radio-inline">
                    <input type="radio" name="status" value="FORBIDDEN" v-model="tcMeetingRoom.status"/> 禁用
                </label>
                <label class="radio-inline">
                    <input type="radio" name="status" value="NORMAL" v-model="tcMeetingRoom.status"/> 正常
                </label>
            </div>

            <div class="form-group">
                <div class="col-sm-2 control-label">备注</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="tcMeetingRoom.remark" placeholder="备注"/>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-2 control-label"></div>
                <input type="button" class="btn btn-primary" id="btnSaveOrUpdate" data-loading-text="保存中..."
                       @click="saveOrUpdate" value="确定"/>
                &nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
            </div>
        </form>
    </div>
</div>

    <script src="${request.contextPath}/statics/js/modules/sys/tcmeetingroom.js?_${.now?long}"></script>
    <script type="text/javascript" charset="utf-8">
        $(function () {
            $.ajax({
                type: "get",
                url: baseURL + "sys/tcconventioncenter/selname",
                dataType: "text",
                success: function (result) {
                    var r = JSON.parse(result);
                    var ul = $("#ul");
                    for (var i = 0; i < r.length; i++) {
                        var li = "<li id='rz'><a href='#' onclick='shows3($(this).text())'>" + r[i] + "</a></li>";
                        ul.append(li);
                    }
                },
                error: function () {
                    alert("請求失敗");
                }
            });
        });

        function shows3(a) {
            $("#dropdownMenu2").text(a);
        }

        function GetQueryString(name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
            var r = window.location.search.substr(1).match(reg);

            if (r != null) {
                return unescape(r[2]);
            } else {
                return null;
            }
        }

        var name = decodeURI(escape(GetQueryString('zhongxin')));

        $('#dropdownMenu2').text(name);
    </script>
</body>
</html>